@font-face {
    font-family: 'icomoon';
    src:  url('../fonts/icomoon.eot?rxfz9v');
    src:  url('../fonts/icomoon.eot?rxfz9v#iefix') format('embedded-opentype'),
      url('../fonts/icomoon.ttf?rxfz9v') format('truetype'),
      url('../fonts/icomoon.woff?rxfz9v') format('woff'),
      url('../fonts/icomoon.svg?rxfz9v#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }
  *{
    margin: 0;
    padding: 0;
    
  }
div{
    box-sizing: border-box;
}
a{
    text-decoration: none;
    color: #000;
}
li{
    list-style: none;
}

body{ 
    max-width: 600px;
    min-width: 320px;
    color: #000;
    overflow-x: hidden;
    background-color: #f2f2f2;
    margin: 0 auto;
    

}

/* 顶端 */
.index{
    display: flex;
    justify-content: center;
    align-items: center;
    /* 固定定位和父级没有关系 他以屏幕为准 */
    position: fixed;
    top: 0;
    left:50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    /* 固定盒子应该有宽度 */
    width: 100%; 
    max-width:600px;
    min-width: 320px;
    height: 44px;
    transform: translateX(-50%);
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;

}
.index>a:nth-of-type(1){
           display: block;
           font-family: 'icomoon';
           font-size: 30px;
           width: 40px;
           line-height: 44px;
           padding-left:8px;
}

.search{
    position: relative;
     flex: 1;
     height: 35px;
     overflow: hidden;
     border: 1px solid #ccc;
     border-radius:5px 5px 5px 5px;
     background-color: #f1f2f3;
     box-shadow:0px 2px 2px rgba(0, 0, 0, 0.344);
}
.search input{
      width:90%;
      margin:3px;
      outline:none;
      color:rgb(175, 175, 175);
      padding-left:10px ;
      border-radius: 5px 5px 5px 5px ;
      height:25px;
      border: none;
      background-color: #f1f2f3;
}
.search:hover{
    background-color: #ffff;
}
.search::after{
    content: '';
    position: absolute;
    top: 4px;
    right: 2px;
    width: 30px;
    height: 30px;
    background: url(/pink/imgs/zyz_txt/搜索.png) no-repeat center;
    background-size: 18PX 18PX;
    border-radius: 5PX 5PX 5PX 5PX;
}
.urse{
    width: 50px;
    height: 100%;
    font-size: 10px;
    text-align: center;
    line-height: 73px;
    background: url(/pink/imgs/zyz_txt/登录.png) no-repeat top center;
}
/* 顶端结束 */
/* 图片 */
.imges img{
    width: 100%;
    height: 170px;
    margin-top: 45px;
}
/* 图片结束 */
 .nav-ul{
   display: flex;
   margin: 1px 0;
   height: 65px;
   border-radius: 5px 5px 5px 5px ;
   background-color: #ffffff;
 }
.nav-ul li{
    flex: 1;
}

.nav-ul li a{
   display: flex;
   flex-direction: column;
   align-items: center;
}
.nav-ul li a i::before{
    content: '\ead9';
    font-family: 'icomoon';
    /* width: 32px;
    height: 32px;
    font-size: 20px; */
}